import React from 'react'
import user from '../../assets/images/images/Index/user.png';
import { Button, Space } from 'antd';
import { useNavigate } from 'react-router-dom'
const Endexam = () => {
  const navigate = useNavigate()
  function Jump(){
    navigate('/analysis')
  }
  return (
    <div>
      <div className='bodys'>
        <div className='cent'>
          <div className='headsImg'><img src={user} className='imgs' /></div>
          <div style={{ width: '100%', display: 'flex', justifyContent: 'center', marginTop: '20px', fontSize: '24px' }}>李四</div>
          <div style={{ width: '100%', display: 'flex', justifyContent: 'center', marginTop: '40px' }}>
            <h1 className='h1'>20.5 <span className='text-style-1'>分</span></h1>
          </div>
          <div style={{ width: '100%', display: 'flex', justifyContent: 'center', }}>考试已结束，感谢作答！</div>
          <div style={{ width: '100%', height: '100px', display: 'flex', justifyContent: 'center', marginTop: '30px' }}>
            <div style={{ width: '340px', height: '100%', display: 'flex', border: "1px solid #dbdbdb" }}>
              <div style={{ width: '50%', height: '100%', borderRight: '1px solid #dbdbdb', }}>
                <p style={{ textAlign: 'center', marginTop: '25px', color: '#6966eb' }}>20%</p>
                <p style={{ textAlign: 'center', }}>正确率</p>
              </div>
              <div style={{ width: '50%', height: '100%', }}>
                <p style={{ textAlign: 'center', marginTop: '25px', color: '#6966eb' }}>00:45:34</p>
                <p style={{ textAlign: 'center', }}>答题用时</p>
              </div>
            </div>
          </div>
          <div style={{ width: '100%', height: '60px', display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
            <Button type="primary" onClick={Jump}>查看解析</Button>
          </div>
        </div>
      </div>
    </div>
  )
}

export default Endexam